<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="base.css" />
    <style>
        * {
            margin: 0;
            padding: 0
        }

        .header {
            background: rgba(128, 128, 128, 0.22)
        }

        .container {
            height: 40px;
            width: 1000px;
            text-align: center;
            line-height: 40px;
            ;
        }

        .start {
            float: left;
            ;
            overflow: hidden
        }

        .end {
            float: right;
            overflow: hidden
        }

        .container a {
            margin-right: 60px;
            text-decoration: none;
            font-size: 20px;
            color: #333;
        }

        .start>.icon {
            display: block;
            width: 19px;
            height: 19px;
            background: url(images/location.png);
            position: absolute;
            top: 50%;
            margin-top: -10px;

        }

        .start>.first {
            margin-left: 30px;
        }

        .start,
        .end {
            position: relative
        }

        .end>.icon {
            top: 50%;
            margin-top: -10px;
            position: absolute;
            width: 19px;
            height: 19px;
            background: url(images/adm.png)
        }

        .end>.adm {
            padding-left: 20px;
        }

        .start,
        .end {
            font-size: 12px;
            cursor: pointer
        }
    </style>
</head>

<body>
    <div class="header">
        <div class=" center container">
            <a href="#">首页</a>
            <a href="#">咨询</a>
            <a href="#">测评</a>
            <a href="#">商城</a>
            <div class="start">
                <i class="icon"></i>
                <span class="text first">深圳</span>
                <span class="text">切换</span>
            </div>
            <div class="end">
                <span class="icon"></span>
                <span class="adm">个人中心</span>
            </div>
        </div>

    </div>
</body>

</html>